<template>
  <div id="app">
    <!-- active-color="#13ce66"
    inactive-color="#ff4949"拿来显示样式 -->

    <!-- 最简单的方式 -->
    <!-- <el-switch 
      v-model="value" 
      active-color="#13ce66"
      inactive-color="#ff4949"
    ></el-switch> -->

    <!-- 多开关类型 -->
    <el-switch
    active-color="#13ce66"
    inactive-color="#ff4949"
    v-for="item in options" :key="item.id"
    v-model="item.value"
    >

    </el-switch>
  </div>
</template>

<script>
export default {
  data(){
    return{
      options:[
        {
          id:1,
          title:"哈哈",
          value:true
        },
        {
          id:2,
          title:"哈哈",
          value:false
        },
        {
          id:3,
          title:"喝喝喝",
          value:true
        }
      ]
    }
  }
};
</script>

